<%@ page language="java" contentType="text/html; charset=utf-8"  pageEncoding="utf-8"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html class="no-js">
	<head>
	  <meta charset="utf-8">
	  <meta http-equiv="X-UA-Compatible" content="IE=edge">
	  <meta name="description" content="这是一个 table 页面">
	  <meta name="keywords" content="table">
	  <meta name="viewport" content="width=device-width, initial-scale=1">
	  <meta name="renderer" content="webkit">
	  <meta http-equiv="Cache-Control" content="no-siteapp" />
	  <meta name="apple-mobile-web-app-title" content="Amaze UI" />
	  <link rel="icon" type="image/png" href="${pageContext.request.contextPath}/assets/i/favicon.png">
	  <link rel="apple-touch-icon-precomposed" href="${pageContext.request.contextPath}/assets/i/app-icon72x72@2x.png">
	  <link rel="stylesheet" href="${pageContext.request.contextPath}/assets/css/amazeui.min.css"/>
	  <link rel="stylesheet" href="${pageContext.request.contextPath}/assets/css/admin.css">
	  <script type="text/javascript" src="${pageContext.request.contextPath}/js/infinitedropdown.min.js"></script>
	  <title>Amaze UI Admin table Examples</title>
	  <script type="text/javascript">
	  </script>
	</head>
	<body>
	<!--[if lte IE 9]>
	<p class="browsehappy">你正在使用<strong>过时</strong>的浏览器，Amaze UI 暂不支持。 请 <a href="http://browsehappy.com/" target="_blank">升级浏览器</a>
	  以获得更好的体验！</p>
	<![endif]-->
	
		<header class="am-topbar am-topbar-inverse admin-header">
		  <div class="am-topbar-brand">
		    <strong>Amaze UI</strong> <small>后台管理模板</small>
		  </div>
		
		  <button class="am-topbar-btn am-topbar-toggle am-btn am-btn-sm am-btn-success am-show-sm-only" data-am-collapse="{target: '#topbar-collapse'}"><span class="am-sr-only">导航切换</span> <span class="am-icon-bars"></span></button>
		
		  <div class="am-collapse am-topbar-collapse" id="topbar-collapse">
		
		    <ul class="am-nav am-nav-pills am-topbar-nav am-topbar-right admin-header-list">
		      <li><a href="javascript:;"><span class="am-icon-envelope-o"></span> 收件箱 <span class="am-badge am-badge-warning">5</span></a></li>
		      <li class="am-dropdown" data-am-dropdown>
		        <a class="am-dropdown-toggle" data-am-dropdown-toggle href="javascript:;">
		          <span class="am-icon-users"></span> 管理员 <span class="am-icon-caret-down"></span>
		        </a>
		        <ul class="am-dropdown-content">
		          <li><a href="#"><span class="am-icon-user"></span> 资料</a></li>
		          <li><a href="#"><span class="am-icon-cog"></span> 设置</a></li>
		          <li><a href="#"><span class="am-icon-power-off"></span> 退出</a></li>
		        </ul>
		      </li>
		      <li class="am-hide-sm-only"><a href="javascript:;" id="admin-fullscreen"><span class="am-icon-arrows-alt"></span> <span class="admin-fullText">开启全屏</span></a></li>
		    </ul>
		  </div>
		</header>
		<!-- add person DIV -->
		<div class="am-modal am-modal-no-btn" tabindex="-1" id="user-modal-1">
		  <div class="am-modal-dialog"></div>
		   </div> 
		  <div class="am-cf admin-main">
		  <!-- sidebar start -->
		  <div class="admin-sidebar am-offcanvas" id="admin-offcanvas">
		    <div class="am-offcanvas-bar admin-offcanvas-bar">
		      <ul class="am-list admin-sidebar-list">
		        <li><a href="admin-index.html"><span class="am-icon-home"></span> 首页</a></li>
		        <li class="admin-parent">
		          <a class="am-cf" data-am-collapse="{target: '#collapse-nav'}"><span class="am-icon-file"></span> 页面模块 <span class="am-icon-angle-right am-fr am-margin-right"></span></a>
		          <ul class="am-list am-collapse admin-sidebar-sub am-in" id="collapse-nav">
		            <li><a href="admin-user.html" class="am-cf"><span class="am-icon-check"></span> 个人资料<span class="am-icon-star am-fr am-margin-right admin-icon-yellow"></span></a></li>
		            <li><a href="admin-help.html"><span class="am-icon-puzzle-piece"></span> 帮助页</a></li>
		            <li><a href="admin-gallery.html"><span class="am-icon-th"></span> 相册页面<span class="am-badge am-badge-secondary am-margin-right am-fr">24</span></a></li>
		            <li><a href="admin-log.html"><span class="am-icon-calendar"></span> 系统日志</a></li>
		            <li><a href="admin-404.html"><span class="am-icon-bug"></span> 404</a></li>
		          </ul>
		        </li>
		        <li><a href="admin-table.html"><span class="am-icon-table"></span> 表格</a></li>
		        <li><a href="admin-form.html"><span class="am-icon-pencil-square-o"></span> 表单</a></li>
		        <li><a href="#"><span class="am-icon-sign-out"></span> 注销</a></li>
		      </ul>
		      <div class="am-panel am-panel-default admin-sidebar-panel">
		        <div class="am-panel-bd">
		          <p><span class="am-icon-bookmark"></span> 公告</p>
		          <p>公告内容 —— Amaze UI 2018-03-26</p>
		        </div>
		      </div>
		      <!-- <div class="am-panel am-panel-default admin-sidebar-panel">
		        <div class="am-panel-bd">
		          <p><span class="am-icon-tag"></span> wiki</p>
		          <p>Welcome to the Amaze UI wiki!</p>
		        </div>
		      </div> -->
		    </div>
		  </div>
		  <!-- sidebar end -->
		
		  <!-- content start -->
		  <div class="admin-content">
		    <div class="admin-content-body">
		      <div class="am-cf am-padding am-padding-bottom-0">
		        <div class="am-fl am-cf"><strong class="am-text-primary am-text-lg">人员支持组及角色</strong></div>
		      </div>
			<div>
			<div class="am-idd">
			</div> 	
		  </div>
		  
		  <hr>
		  
		  <div class="am-g am-u-sm-12">
		        <div  class="am-g am-u-sm-4">
		        </div>
		        <div id="orgAddingDiv" class="am-g am-u-sm-4">
			        <form id="orgEditForm">
			        	<select data-am-selected placeholder="选一个撒" id="orgCompanyId" onchange="initDepartment()"></select>
			        	<select data-am-selected placeholder="选一个撒" id="orgDepartmentId" onchange="initOffice()"></select>
			        	<select data-am-selected placeholder="选一个撒" id="orgOfficeId" onchange="initGroup()"></select>
			        	<select data-am-selected placeholder="选一个撒" id="orgGroupId" ></select>
			        	
				        <input type="text" class="am-modal-prompt-input" id="orgCompany" name="orgCompany" placeholder="单位">
			        	<input type="text" class="am-modal-prompt-input" id="orgCompanyId" name="orgCompanyId">
			        	<input type="text" class="am-modal-prompt-input" id="orgDepartment" name="orgDepartment" placeholder="部门">
			        	<input type="text" class="am-modal-prompt-input" id="orgDepartmentId" name="orgDepartmentId">
			        	<input type="text" class="am-modal-prompt-input" id="orgOffice" name="orgOffice" placeholder="科室">
			        	<input type="text" class="am-modal-prompt-input" id="orgOfficeId" name="orgOfficeId">
			        	<input type="text" class="am-modal-prompt-input" id="orgGroup" name="orgGroup" placeholder="群组">
			        	<input type="text" class="am-modal-prompt-input" id="orgGroupId" name="orgGroupId">
			        	<button type="button" id="userRegiesterSubmit" class="am-btn am-btn-primary btn-loading-example" data-am-loading="{spinner: 'circle-o-notch', loadingText: '提交中...', resetText: '已提交'}" onclick="organizationAdding()">提交</button>
			        </form>
		        </div>
		        <div  class="am-g am-u-sm-4">
		        </div>
		  <div>	
		  </div>
		  </div>
		  </div>
		  </div>
		  <!-- content end -->
		</div>

		<a href="#" class="am-icon-btn am-icon-th-list am-show-sm-only admin-menu" data-am-offcanvas="{target: '#admin-offcanvas'}"></a>		
		<!--[if lt IE 9]>
		<script src="http://libs.baidu.com/jquery/1.11.1/jquery.min.js"></script>
		<script src="http://cdn.staticfile.org/modernizr/2.8.3/modernizr.js"></script>
		<script src="assets/js/amazeui.ie8polyfill.min.js"></script>
		<![endif]-->
		<!--[if (gte IE 9)|!(IE)]><!-->
		<script src="${pageContext.request.contextPath}/js/jquery.js"></script>
		<!--<![endif]-->
		<script src="${pageContext.request.contextPath}/assets/js/amazeui.min.js"></script>
		<script src="${pageContext.request.contextPath}/assets/js/app.js"></script>
		<script type="text/javascript">
			function organizationAdding(){
				//var data = $("#orgEditForm").serialize();
				$.post("${pageContext.request.contextPath}/organization/orgGet.action",null,function(res){
					var re = eval("("+res+")");
					if(re.success){
						alert("提交成功！");
						$("#orgCompany").val();
						$("#orgCompanyId").val();
						$("#orgDepartment").val();
						$("#orgDepartmentId").val();
						$("#orgOffice").val();
						$("#orgOfficeId").val();
						$("#orgGroup").val();
						$("#orgGroupId").val();
					}else{
						if(re.isExist){
							alert("用户名已存在，请重新输入!");
						}
					};
				});
			}
			function initCompany(){
				$("#orgCompanyId").empty();
				$.post("${pageContext.request.contextPath}/organization/orgGetCompany.action",null,function(data){
					//var data = eval("("+data+")");
					if(data !=null){
        				data = $.parseJSON(data); 
						$(data.rows).each(function(n,Row){
							console.log(Row.orgCompany + " - " + Row.orgCompanyId);
							$("#orgCompanyId").append( "<option value=\""+ Row.orgCompanyId +"\">"+ Row.orgCompany +"</option>" );
		             		//$("#item3Id").append( "<option value=\""+ Row.level3Code +"\">"+ Row.level3Name +"</option>" );
					    })
					}else{
						if(re.isExist){
							alert("数据加载失败。。。");
						}
					};
				});
			}
			function initDepartment(){
				$("#orgDepartmentId").empty();
				var companyName = $('#orgCompanyId option:selected').text();
				var companyId = $('#orgCompanyId option:selected').val();
				$.post("${pageContext.request.contextPath}/organization/orgGetDepartment.action",{companyName:companyName,companyId:companyId},function(data){
					//var data = eval("("+data+")");
					if(data !=null){
        				data = $.parseJSON(data); 
						$(data.rows).each(function(n,Row){
							console.log(Row.orgCompany + " - " + Row.orgCompanyId);
							$("#orgDepartmentId").append( "<option value=\""+ Row.orgDepartmentId +"\">"+ Row.orgDepartment +"</option>" );
		             		//$("#item3Id").append( "<option value=\""+ Row.level3Code +"\">"+ Row.level3Name +"</option>" );
					    })
					}else{
						if(re.isExist){
							alert("数据加载失败。。。");
						}
					};
				});
			}
			function initOffice(){
				$("#orgOfficeId").empty();
				var companyName = $('#orgCompanyId option:selected').text();
				var companyId = $('#orgCompanyId option:selected').val();
				var departmentName = $('#orgDepartmentId option:selected').text();
				var departmentId = $('#orgDepartmentId option:selected').val();
				$.post("${pageContext.request.contextPath}/organization/orgGetOffice.action",{companyName:companyName,companyId:companyId,departmentName:departmentName,departmentId:departmentId},function(data){
					//var data = eval("("+data+")");
					if(data !=null){
        				data = $.parseJSON(data); 
						$(data.rows).each(function(n,Row){
							console.log(Row.orgCompany + " - " + Row.orgCompanyId);
							$("#orgOfficeId").append( "<option value=\""+ Row.orgOfficeId +"\">"+ Row.orgOffice +"</option>" );
		             		//$("#item3Id").append( "<option value=\""+ Row.level3Code +"\">"+ Row.level3Name +"</option>" );
					    })
					}else{
						if(re.isExist){
							alert("数据加载失败。。。");
						}
					};
				});
			}
			function initGroup(){
				$("#orgGroupId").empty();
				var companyName = $('#orgCompanyId option:selected').text();
				var companyId = $('#orgCompanyId option:selected').val();
				var departmentName = $('#orgDepartmentId option:selected').text();
				var departmentId = $('#orgDepartmentId option:selected').val();
				var officeName = $('#orgOfficeId option:selected').text();
				var officeId = $('#orgOfficeId option:selected').val();
				$.post("${pageContext.request.contextPath}/organization/orgGetGroup.action",{companyName:companyName,companyId:companyId,departmentName:departmentName,departmentId:departmentId,officeName:officeName,officeId:officeId},function(data){
					//var data = eval("("+data+")");
					if(data !=null){
        				data = $.parseJSON(data); 
						$(data.rows).each(function(n,Row){
							console.log(Row.orgCompany + " - " + Row.orgCompanyId);
							$("#orgGroupId").append( "<option value=\""+ Row.orgGroupId +"\">"+ Row.orgGroup +"</option>" );
		             		//$("#item3Id").append( "<option value=\""+ Row.level3Code +"\">"+ Row.level3Name +"</option>" );
					    })
					}else{
						if(re.isExist){
							alert("数据加载失败。。。");
						}
					};
				});
			}
			initCompany();
		</script>
	</body>
</html>
